<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="./assets/flexible.js?t=1532848854086"></script> -->
    <script>
        !function(e,t){function n(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}function d(){var e=i.clientWidth/10;i.style.fontSize=e+"px"}var i=t.documentElement,o=e.devicePixelRatio||1;if(n(),d(),e.addEventListener("resize",d),e.addEventListener("pageshow",function(e){e.persisted&&d()}),o>=2){var a=t.createElement("body"),s=t.createElement("div");s.style.border=".5px solid transparent",a.appendChild(s),i.appendChild(a),1===s.offsetHeight&&i.classList.add("hairlines"),i.removeChild(a)}}(window,document);
    </script>
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>雅尊会</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./assets/mobileSelect.css?t=1532848854086">
    <link rel="stylesheet" href="./css/home_setting.css?t=1532848854086">
</head>

<body>

    <div class="body-container" id="body-container" v-cloak>
        <div class="layer animated" :class="{'fadeIn':isShow}" v-show="isShow" @touchmove.prevent>
            <div class="layer-code-container layer-code" v-show="isCodeShow">
                <i class="layer-code-close" @click="closeCodeLayer"></i>
                <img class="layer-code-img" :src="levelName == '雅卡'?'img/card_4.png':'img/card_5.png'" alt="">
                <div class="code-tips">会员个人二维码</div>
                <div class="layer-code-content">
                    <img :src="codePhoto" alt="" class="code-img">
                </div>
        
            </div>

            <!-- <div class="layer-code-container" v-show="layer1">
                <input type="text" style="margin-top:100px">
                <div class="close-button" @click="hideLayer(1)">1</div>
            </div> -->
            <div class="layer-code-container" v-show="layer2">
                <div class="layer-icon-1"></div>
                <input v-model="phone" type="number" class="input-style" placeholder="请输入手机号">

                <div class="layer-tools-container">
                    <div v-if="phone && isPhone" class="close-button border-button down-button" @click="hideLayer(2)">取消</div>
                    <div class="post-button down-button" @click="postData(2)">确认</div>
                </div>

            </div>
            <div class="layer-code-container" v-show="layer3">
                    <div class="layer-icon-2"></div>
                    <div class="tools-container" id="tools-container">
                        {{city}}
                    </div>
                <div class="layer-tools-container result-container">
                    <div v-if="city && isCity" class="close-button border-button down-button" @click="hideLayer(3)">取消</div>
                    <div class="post-button down-button"  @click="postData(3)">确认</div>
                </div>
            </div>
            <div class="layer-code-container" v-show="layer4">
                <div class="layer-icon-3"></div>
                <!-- <input type="text" v-model="birthDate" class="input-style" placeholder="1990-01-01"> -->
                <div @click="selectDate" class="input-style" style="line-height: .906667rem;">{{birthDate}}</div>
                <div class="layer-tools-container">
                    <div v-if="birthDate && isBirthDate" class="close-button border-button down-button" @click="hideLayer(4)">取消</div>
                    <div class="post-button down-button"  @click="postData(4)">确认</div>
                </div>
            </div>

            <div class="layer-code-container layer5" v-show="layer5">
                <div class="layer-icon-5"></div>

                <div class="tags-container">
                    <div @click="setTagsActive(item,key)" :class="{'tags-item-active':item.isCheck}" class="tags-item" v-for="(item,key) in tagList" :key="key">{{item.text}}</div>
                </div>
                <input v-model="tagsText" type="text" class="tags-style" placeholder="其他(自定义填写，可使用逗号分隔)">
                <div class="layer-tools-container">
                    <div class="close-button border-button down-button" @click="hideLayer(5)">取消</div>
                    <div class="post-button down-button"  @click="postData(5)">确认</div>
                </div>
            </div>
        </div>
        <div class="user-info-container">
            <a href="home.html" class="home-button"></a>
            <div class="arc-bar-container">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 204 181"
                    style="enable-background:new 0 0 204 181;" xml:space="preserve">

                    <path class="st0" fill="none" stroke-miterlimit="10" stroke="#ddd" stroke-width="8" stroke-linecap="round" d="M34.2,172.3c-37.5-37.5-37.5-98.2,0-135.7s98.2-37.5,135.7,0s37.5,98.2,0,135.7"
                    />
                    <path id="arc-path" fill="none" stroke-miterlimit="10" stroke="#c3936a" stroke-width="8" stroke-linecap="round" class="st1"
                        d="M34.2,172.3c-37.5-37.5-37.5-98.2,0-135.7s98.2-37.5,135.7,0s37.5,98.2,0,135.7" />
                </svg>
                <div class="user-photo-container">
                    <!-- <img src="img/user_photo.jpg?t=1532848854086" alt=""> -->
                    <img :src="photo" alt="" width="100%">
                </div>
                <div class="tips" v-if="isMoneyShow">升级差{{money}}</div>
            </div>
            <div class="user-title" v-if="level">{{level}}</div>
            <div class="user-name-container">{{userName}},{{welcomeText}}!</div>
            <div class="user-level-container">
                <div class="user-level">
                    <div class="user-level-name">{{levelName || '雅卡'}}会员</div>
                    <div class="user-level-icon"></div>
                </div>
                <div class="user-score">积分 {{score}}</div>
            </div>
        </div>
        <div class="user-code-button" @click="showCodeLayer"></div>
        <div class="user-info-text-container">
            <div class="user-info-text-item">
                <!-- <div class="user-info-text-icon" @click="showContentLayer(1)"></div> -->
                <div class="user-info-text-title">姓名</div>
                <div class="user-info-text-content">{{userName}}</div>
            </div>
            <div class="user-info-text-item">
                <div class="user-info-text-icon" @click="showContentLayer(2)"></div>
                <div class="user-info-text-title">常用电话</div>
                <div class="user-info-text-content">{{phone}}</div>
            </div>
            <div class="user-info-text-item">
                <div class="user-info-text-icon" @click="showContentLayer(3)"></div>
                <div class="user-info-text-title">所在城市或地区</div>
                <div class="user-info-text-content">{{city}}</div>
            </div>
            <div class="user-info-text-item">
                <div class="user-info-text-icon" @click="showContentLayer(4)"></div>
                <div class="user-info-text-title">生日</div>
                <div class="user-info-text-content">{{birthDate}}</div>
            </div>
            <div class="user-info-text-item">
                <div class="user-info-text-icon" @click="showContentLayer(5)"></div>
                <div class="user-info-text-title">兴趣爱好</div>
                <div class="user-info-text-content">{{hobby}}</div>
            </div>
        </div>
        <a :href="'card.html?type='+(levelName=='雅卡'?1:2)" class="button about-button">关于雅尊会</a>
    </div>


    <script src="./assets/home_setting.base.min.js?t=1532848854086"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js?t=1532848854086"></script>
    <script src="./js/home_setting.js?t=1532848854086"></script>


</body>

</html>